<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/chat.css" />
		<link rel="stylesheet" href="css/reset.css" />	
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=0">

	</head>
	<body>
		<div class="web">
			<header>
				<div class="whole">
					<span class="img1"><a href="message.html"><img src="images/icon_back.png"></a></span>
					
					<span class="search fr">
						消费记录
					</span>	
					
					<div class="whole2 ">MARUKO</div>						
				</div>
				
			
			</header>
			
			<section>
			<div class="chat">	
				<div class="time">
					18:52
				</div>					
			</div>	
			<div class="MARUKO clearfix">
				<div class="MARUKO_one fl">
					<img src="images/6.jpg">
				</div>	
				<span class="cose fl">
				
					<em>你好!</em>
					
					<span class="cose1"><img src="images/3.jpg"></span>
					
				</span>
				
			</div>	
			
					<div class="business clearfix">
						<div class="business_one fr">
							<img src="images/10.jpg">
						</div>	
						<span class="cose fr">						
							<em>你好!</em>							
						</span>
						
					</div>	
					<div class="chat">	
				<div class="time">
					22:36
				</div>					
			</div>
					
					<div class="business2 clearfix">
						<div class="business_two fr">
							<img src="images/10.jpg">
						</div>	
						<span class="cose fr">	
							<div class="Noodles fl">
								<img src="images/11.jpg">
							</div>
							<ul class="fl">
								<li>韩国泡面农心辛拉面120g<br/>
								*5袋辛辣香菇牛肉速食...</li>
								<li>￥99.00</li>
							</ul>							
						</span>
						
					</div>	
			
			</section>
			
			
			<footer>
				<div class="news">
					<input type="text" value="输入消息" onfocus="this.value=''"  />
					<div class="lock fr"><img src="images/12.jpg"></div>
					<div class="Expression fr"><img src="images/13.jpg"></div>
				</div>	
					
			</footer>
			
		</div>
		<script>
			document.body.style.height=window-innerHeight
		</script>
		
		<script>
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if (!clientWidth) return;
				document.documentElement.style.fontSize = 40* (clientWidth /640) + 'px';
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if (!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>
		
	</body>
</html>
